<?php

/* html/product/ExpressDel.tpl.html */
class __TwigTemplate_a324426140b689edbe418a4c87bd14cb401b2ab74a60d29b8d60b08233bf2a97 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo "<!DOCTYPE html>
<html lang=\"zh-CN\">
<head>
\t<meta charset=\"utf-8\">
\t<meta name=\"viewport\" content=\"initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
\t<title>";
        // line 6
        if ((twig_get_attribute($this->env, $this->getSourceContext(), ($context["goods"] ?? null), "goods_name", array()) == "")) {
            echo "派乐熊";
        } else {
            echo " ";
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->getSourceContext(), ($context["goods"] ?? null), "goods_name", array()), "html", null, true);
            echo " ";
        }
        echo "</title>
\t<link rel=\"stylesheet\" href=\"/static/product/css/ui_box.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/plx_main.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/swiper-3.4.2.min.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/photoswipe.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/default-skin.css\" />
\t
</head>

<body>
\t<!--header-->
\t<!--<header id=\"header\" class=\"ub ub-ac ub-pc sc-bg1 border-b\">
\t\t<div class=\"arrow-left ub-img\"></div>
\t\t<p class=\"ulev1 text-color1 tx-c\">商品详情</p>
\t\t<img class=\"collection\" src=\"/static/product/img/collection-gray.png\" />
\t\t<img class=\"share\" src=\"/static/product/img/share.png\" />
\t</header>-->
\t<!--内容部分-->
\t<div id=\"content\">
\t\t<!--轮播图-->
\t\t<div class=\"swiper-container\">
\t\t\t<div class=\"swiper-wrapper\">
\t\t\t\t
\t\t\t</div>
\t\t\t<div class=\"swiper-pagination\"></div>
\t\t</div>
\t\t<div id=\"vue\">
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"details goods_name\"></p>
\t\t\t\t<!--商品详情-->
\t\t\t\t<div class=\"ub\">
        \t\t\t<div class=\"ub ub-ver\">
        \t\t\t\t<p class=\"countdown\"><span id=\"day\">13</span>天<span id=\"hour\">13</span>小时<span id=\"minute\">03</span>分<span id=\"second\">23</span>秒</p>
        \t\t\t\t<p class=\"statistics\">限量<span class=\"havenum\"></span>/申请<span class=\"have_apply\"></span>人</p>
        \t\t\t</div>
        \t\t\t<div class=\"cost\">¥0</div>
        \t\t</div>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<p class=\"description goods_desc\"></p>
\t\t\t<div style='display:none'  id='description'>";
        // line 46
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->getSourceContext(), ($context["goods"] ?? null), "goods_desc", array()), "html", null, true);
        echo "</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"storename store_name\"></p>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"circle\" src=\"/static/product/img/circle.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<p class=\"ub-f1 store_address\"></p>
\t\t\t\t\t<span class=\"ub-f1 distance\"></span>
\t\t\t\t</div>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"phone\" src=\"/static/product/img/phone.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<a onclick='tel_store(this)' class=\"store_tel\"></a>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t</div>

\t\t<div class=\"ub ub-pc ub-ac tab\" id=\"tab\">
\t\t\t<p class=\"on\">体验详情</p>
\t\t\t<p>购买须知</p>
\t\t\t<p>商户介绍</p>
\t\t</div>
\t\t<div id=\"box\" style=\"height:4rem;display: none;\"></div>
\t\t<!--活动详情-->
\t\t<div id=\"xiangqing\" style=\"display: none;\">
\t\t\t<div id=\"Details\" class=\"umar-a detail\">
\t\t\t\t<!--<p>派乐熊儿童游泳体验馆致力于让孩子们，每天健康运动一小时，每周三次课，可多选参与，在学龄前，为孩子打下坚实的身体基础。全程专业教练指导陪护，为孩子提供安全的锻炼环境，男教练特有的教学方式，更加促进孩子的团结、坚韧品质。</p>-->
    \t\t\t<!--<p>所有套系在拍摄条件允许下，均可拍摄指定外景1套（含在总套数内）。-->
<!--底片除赠送精修张数以外另需购买，儿童照／新生儿照：50元精修，60元入册；亲子照／孕妇照：70元精修，80元入册。<p />-->
\t\t\t\t<!--<p>所有套系可拍全家福及合照，共可免费入册5-10张（含在总精修张数内），大人服装造型自备，限5人入境。所有产品中的照片均选自精修。<p />-->
\t\t\t\t<!--<p>至少提前一周以上预约，约满顺延，不接受未经预约直接到店拍照。<p />-->
\t\t\t\t<!--<p>新生儿宝宝7-15天拍摄为佳，限拍30天内宝宝。<p />-->
\t\t\t\t<!--<p>孕妇照怀孕7-8个月拍摄为佳。<p />-->
\t\t\t\t<!--<p>拍摄不满意可当场提出免费重拍。<p />-->
\t\t\t\t<!--<p>自购买之日起7天内未拍摄可无理由退款。<p />-->
\t\t\t\t<!--<p>拍摄过程默认同步录制花絮，顾客可选择性购买花絮及剪辑成品。<p />-->
\t\t\t\t<!--<p>六环内产品免费物流。（通州店除外）<p />-->
\t\t\t\t<!--<p>取件需知：自选片后30甜取件，如需配送另加3天左右，节假日顺延；VIP需要定稿的，自定稿后30甜取件，如需配送另加3天左右，节假日顺延；取件后有问题的需在24小时内提出，超过24小时视为无问题，资料将被系统自动清除，无法提供查询服务。<p />-->
\t\t\t\t<!--<p>特别提示：顾客在接受整个服务过程中，出现任何问题均可拨打客服电话123456789进行投诉。</p>-->
\t\t\t\t<!--<p style=\"height: 5rem;\"></p>-->

\t\t\t</div>
\t\t\t
\t\t</div>
\t
\t\t<!--购买须知-->
\t\t<div id=\"xuzhi\" style=\"display: none;\">
\t\t\t<p>有效期</p>
\t\t\t<p class=\"yxq\"></p>
\t\t\t<p>使用时间</p>
\t\t\t<p class=\"sysj\"></p>
\t\t\t<p>预约信息</p>
\t\t\t<p class=\"yyxx\"></p>
\t\t\t<p>适用人数</p>
\t\t\t<p class=\"syrs\"></p>
\t\t\t<p>温馨提示</p>
\t\t\t<p class=\"wxts\"></p>
\t\t\t<div style=\"height:17rem;\"></div>
\t\t</div>
\t\t<!--商户介绍-->
\t\t<div id=\"shanghu\" style=\"display: none;\">
\t\t\t<div class=\"ub ub-fh\">
\t\t\t\t<img class=\"logo store_img\" src=\"\" />
\t\t\t\t<div class=\"ub-f1 ub ub-ver tiyan\">
\t\t\t\t\t<p class=\"store_name\"></p>
\t\t\t\t\t<!--<p>以游泳比赛、游泳水中运动、游泳培训的方式来提高社会各界人士对体育的热爱。</p>-->
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"directions store_info\">
\t\t\t\t
\t\t\t</div>
\t\t\t<div style=\"height: 15rem;\"></div>
\t\t</div>
\t</div>
\t";
        // line 124
        if ((($context["show"] ?? null) == true)) {
            // line 125
            echo "\t<footer id=\"pay\">
\t\t<p>立即申请</p>
\t</footer>
\t";
        }
        // line 129
        echo "</body>
<script type=\"text/javascript\" src=\"/static/common/js/jquery-1.11.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/swiper-3.4.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe-ui-default.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/jockey.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/public.js\"></script>
<script>
\tvar gid = ";
        // line 137
        echo twig_escape_filter($this->env, ($context["gid"] ?? null), "html", null, true);
        echo ";
\tvar lat = ";
        // line 138
        echo twig_escape_filter($this->env, ($context["lat"] ?? null), "html", null, true);
        echo ";
\tvar lon = ";
        // line 139
        echo twig_escape_filter($this->env, ($context["lon"] ?? null), "html", null, true);
        echo ";
\t(function () {
\t\t// 接口
\t\tvar Api = {
\t\t\tbase: 'https://clubbear.clubbear.cn',
\t\t\triji: '/diary/GetLeftComment',
\t\t\trijiList: '/diary/GetRecomDiary',
\t\t\tdetail:'/goods/GetGoodsComment?gid='+gid+'&page=3&num=2'
\t\t}

\t\t//轮播图
\t\t\$(document).ready(function () {
\t\t\t\$(\"#xiangqing\").show();
\t\t});
\t\t//从后台读取数据
\t\t\$.ajax({
\t\t\ttype: \"post\",
\t\t\turl: \"https://clubbear.clubbear.cn/experience/GetExpGoodsDetail?eid=\"+gid+\"&longitude\" + lon + \"&latitude\" + lat,
\t\t\tdataType: \"json\",
\t\t\tsuccess: function (data) {
\t\t\t\tconsole.log(data)
\t\t\t\tvar imgurl = data.data.img[0].imgurl;
\t\t\t\tvar goods_name = data.data.goods_name;
\t\t\t\tvar have_apply = data.data.have_apply;
\t\t\t\tvar havenum = data.data.havenum;
\t\t\t\tvar goods_desc = data.data.goods_desc;
\t\t\t\tvar goods_price = data.data.goods_price;
\t\t\t\tvar sale_price = data.data.sale_price;
\t\t\t\tvar store_address = data.data.store_address;
\t\t\t\tvar store_name = data.data.store_name;
\t\t\t\tvar store_img = data.data.store_img;
\t\t\t\tvar store_info = data.data.store_info;
\t\t\t\tvar store_tel = data.data.store_tel;
\t\t\t\tvar distance = data.data.distance;
\t\t\t\tvar introduce = data.data.introduce;
\t\t\t\tvar detail = data.data.detail;
\t\t\t\tvar yxq = data.data.xuzhi.yxq;
\t\t\t\tvar sysj = data.data.xuzhi.sysj;
\t\t\t\tvar yyxx = data.data.xuzhi.yyxx;
\t\t\t\tvar syrs = data.data.xuzhi.syrs;
\t\t\t\tvar wxts = data.data.xuzhi.wxts;
\t\t\t\tvar end_time = data.data.end_time;
\t\t\t\t//如果不返回有效期，则有效期就不显示
\t\t\t\tif(yxq==null || yxq=='' || yxq== undefined){
\t\t\t\t\t\$(\"#xuzhi p\").eq(0).hide();
\t\t\t\t\t\$(\"#xuzhi p\").eq(1).hide();
\t\t\t\t}
\t\t\t\tfor (var i = 0; i < data.data.img.length; i++) {
\t\t\t\t\tvar html1 = '<div class=\"swiper-slide\"><img class=\"banner\" src=\"'
\t\t\t\t\tvar html2 = data.data.img[i]
\t\t\t\t\tvar html3 = '\" /></div>'
\t\t\t\t\tvar html4 = html1 + html2 + html3
\t\t\t\t\t\$(\".swiper-wrapper\").append(html4)
\t\t\t\t}
\t\t\t\t

\t\t\t\tvar mySwiper = new Swiper('.swiper-container', {
\t\t\t\t\tdirection: 'horizontal',
\t\t\t\t\tautoplay: 3000,
\t\t\t\t\tpagination: '.swiper-pagination',
\t\t\t\t\tloop: true,
\t\t\t\t});
\t\t\t\t\$(\".goods_name\").text(goods_name);
\t\t\t\t\$(\".have_apply\").text(have_apply);
\t\t\t\t\$(\".havenum\").text(havenum);
\t\t\t\t\$(\".goods_desc\").text(goods_desc);
\t\t\t\t\$(\".goods_price\").text(goods_price);
\t\t\t\t\$(\".sale_price\").text(sale_price);
\t\t\t\t\$(\".store_address\").text(store_address);
\t\t\t\t\$(\".store_name\").text(store_name);
\t\t\t\t\$(\".store_img\").attr(\"src\",store_img);
\t\t\t\t\$(\".store_info\").html(store_info);
\t\t\t\t\$(\".store_tel\").text(store_tel);
\t\t\t\t\$(\".distance\").text(distance);
\t\t\t\t\$(\".introduce\").text(introduce);
\t\t\t\t\$(\".detail\").html(detail);
\t\t\t\t\$(\".yxq\").text(yxq);
\t\t\t\t\$(\".sysj\").text(sysj);
\t\t\t\t\$(\".yyxx\").text(yyxx);
\t\t\t\t\$(\".syrs\").text(syrs);
\t\t\t\t\$(\".wxts\").text(wxts);
\t\t\t\t//\$(\"#description\").text(goods_desc);
\t\t\t\t//体验详情倒计时代码
\t\t\t\tvar serverTime = end_time; //服务器时间，毫秒数 
\t\t\t\t\$(function(){ 
\t\t\t\t  //var dateTime = new Date(); 
\t\t\t\t  //var difference = serverTime - dateTime.getTime(); //客户端与服务器时间偏移量 
\t\t\t\t  //console.log(difference)
\t\t\t\t  setInterval(function(){ 
\t\t\t\t\tvar obj = \$(this); 
\t\t\t\t\t//var endTime = new Date(\"2017/10/1\");
\t\t\t\t\t//console.log(endTime)
\t\t\t\t\tvar nowTime = new Date();
\t\t\t\t\tvar nMS=parseInt(serverTime - (nowTime.getTime()/1000)); 
\t\t\t\t\t//console.log(nMS)
\t\t\t\t\tvar myD=Math.floor(nMS/(60 * 60 * 24)); //天 
\t\t\t\t\tvar myH=Math.floor(nMS/(60*60)) % 24; //小时 
\t\t\t\t\tvar myM=Math.floor(nMS/60) % 60; //分钟 
\t\t\t\t\tvar myS=Math.floor(nMS) % 60; //秒 
\t\t\t\t\tvar myMS=Math.floor(nMS/100) % 10; //拆分秒 
\t\t\t\t\tif(myD>= 0){ 
\t\t\t\t\t  \$(\"#day\").text(myD)
\t\t\t\t\t  \$(\"#hour\").text(myH)
\t\t\t\t\t  \$(\"#minute\").text(myM)
\t\t\t\t\t  \$(\"#second\").text(myS)
\t\t\t\t\t}else{ 
\t\t\t\t\t  \$(\"#day\").text(0)
\t\t\t\t\t  \$(\"#hour\").text(0)
\t\t\t\t\t  \$(\"#minute\").text(0)
\t\t\t\t\t  \$(\"#second\").text(0)
\t\t\t\t\t} 
\t\t\t\t  }, 1000); //每个1秒执行一次 
\t\t\t\t});
\t\t\t\t
\t\t\t\tvar oDiv = document.getElementById('tab');
\t\t\t\tvar divT = oDiv.offsetTop;
\t\t\t\twindow.onscroll = function () {
\t\t\t\t\tvar scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
\t\t\t\t\tconsole.log(divT)
\t\t\t\t\tconsole.log(scrollT)
\t\t\t\t\tif (scrollT >= divT) {
\t\t\t\t\t\t\$(\"#tab\").addClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"0rem\");
\t\t\t\t\t\t\$(\".tab p\").click(function () {
\t\t\t\t\t\t\tvar index = \$(this).index();
\t\t\t\t\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\t\t\t\t\tif (index == 0) {
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 1) {
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 2) {
\t\t\t\t\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else {
\t\t\t\t
\t\t\t\t\t\t\t}
\t\t\t\t\t\t});
\t
\t\t\t\t\t} else {
\t\t\t\t\t\t\$(\"#tab\").removeClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"1.2rem\")
\t\t\t\t\t\t\$(\"#box\").hide()
\t\t\t\t\t}
\t\t\t\t}
\t\t\t\t
\t\t\t}
\t\t});

\t\t//tab栏切换
\t\t\$(\".tab p\").click(function () {
\t\t\tvar index = \$(this).index();
\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\tif (index == 0) {
\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 1) {
\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 2) {
\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t} else {

\t\t\t}
\t\t});
\t\t
\t\t
\t\t//吸顶效果
\t\twindow.onload = function () {
\t\t\tvar oDiv = document.getElementById('tab');
\t\t\tvar divT = oDiv.offsetTop+170;
\t\t\twindow.onscroll = function () {
\t\t\t\tvar scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
\t\t\t\tif (scrollT > divT) {
\t\t\t\t\t\$(\"#tab\").addClass(\"fixed\");
\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"0rem\");
\t\t\t\t\t\$(\".tab p\").click(function () {
\t\t\t\t\t\tvar index = \$(this).index();
\t\t\t\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\t\t\t\tif (index == 0) {
\t\t\t\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t} else if (index == 1) {
\t\t\t\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t} else if (index == 2) {
\t\t\t\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t} else {
\t\t\t
\t\t\t\t\t\t}
\t\t\t\t\t});

\t\t\t\t} else {
\t\t\t\t\t\$(\"#tab\").removeClass(\"fixed\");
\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"1.2rem\")
\t\t\t\t\t\$(\"#box\").hide()
\t\t\t\t}
\t\t\t}
\t\t}
\t})()
</script>
<script>
\t\$('#pay').on('click',function(){
\t\tif( PUBCOMMON.browserEnv.isInWeixin() ){
\t\t\tif( PUBCOMMON.browserEnv.isInAndroid() ){
\t\t\t
\t\t\t\twindow.location.href = 'http://app.mi.com/details?id=com.clubbear.paile&ref=search';
\t\t\t}else{
\t\t\t\twindow.location.href = 'https://itunes.apple.com/gb/app/pai-le-xiong/id1294951586?mt=8';
\t\t\t}
\t\t}else{
\t\t\tJockey.send(\"pailexiong\", {key: 'apply', data: gid });
\t\t}
\t\t 
\t})
\tfunction tel_store(obj){
        Jockey.send(\"pailexiong\", {key: 'phone', data: \$(obj).text()});
    }     \t
</script>

</html>
";
    }

    public function getTemplateName()
    {
        return "html/product/ExpressDel.tpl.html";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  182 => 139,  178 => 138,  174 => 137,  164 => 129,  158 => 125,  156 => 124,  75 => 46,  26 => 6,  19 => 1,);
    }

    public function getSourceContext()
    {
        return new Twig_Source("<!DOCTYPE html>
<html lang=\"zh-CN\">
<head>
\t<meta charset=\"utf-8\">
\t<meta name=\"viewport\" content=\"initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
\t<title>{% if goods.goods_name == '' %}派乐熊{% else %} {{goods.goods_name}} {%endif%}</title>
\t<link rel=\"stylesheet\" href=\"/static/product/css/ui_box.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/plx_main.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/swiper-3.4.2.min.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/photoswipe.css\" />
\t<link rel=\"stylesheet\" href=\"/static/product/css/default-skin.css\" />
\t
</head>

<body>
\t<!--header-->
\t<!--<header id=\"header\" class=\"ub ub-ac ub-pc sc-bg1 border-b\">
\t\t<div class=\"arrow-left ub-img\"></div>
\t\t<p class=\"ulev1 text-color1 tx-c\">商品详情</p>
\t\t<img class=\"collection\" src=\"/static/product/img/collection-gray.png\" />
\t\t<img class=\"share\" src=\"/static/product/img/share.png\" />
\t</header>-->
\t<!--内容部分-->
\t<div id=\"content\">
\t\t<!--轮播图-->
\t\t<div class=\"swiper-container\">
\t\t\t<div class=\"swiper-wrapper\">
\t\t\t\t
\t\t\t</div>
\t\t\t<div class=\"swiper-pagination\"></div>
\t\t</div>
\t\t<div id=\"vue\">
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"details goods_name\"></p>
\t\t\t\t<!--商品详情-->
\t\t\t\t<div class=\"ub\">
        \t\t\t<div class=\"ub ub-ver\">
        \t\t\t\t<p class=\"countdown\"><span id=\"day\">13</span>天<span id=\"hour\">13</span>小时<span id=\"minute\">03</span>分<span id=\"second\">23</span>秒</p>
        \t\t\t\t<p class=\"statistics\">限量<span class=\"havenum\"></span>/申请<span class=\"have_apply\"></span>人</p>
        \t\t\t</div>
        \t\t\t<div class=\"cost\">¥0</div>
        \t\t</div>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<p class=\"description goods_desc\"></p>
\t\t\t<div style='display:none'  id='description'>{{goods.goods_desc}}</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t\t<div class=\"umar-a\">
\t\t\t\t<p class=\"storename store_name\"></p>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"circle\" src=\"/static/product/img/circle.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<p class=\"ub-f1 store_address\"></p>
\t\t\t\t\t<span class=\"ub-f1 distance\"></span>
\t\t\t\t</div>
\t\t\t\t<div class=\"ub ub-ac address\">
\t\t\t\t\t<div>
\t\t\t\t\t\t<img class=\"phone\" src=\"/static/product/img/phone.png\" />
\t\t\t\t\t</div>
\t\t\t\t\t<a onclick='tel_store(this)' class=\"store_tel\"></a>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"dividingline\"></div>
\t\t</div>

\t\t<div class=\"ub ub-pc ub-ac tab\" id=\"tab\">
\t\t\t<p class=\"on\">体验详情</p>
\t\t\t<p>购买须知</p>
\t\t\t<p>商户介绍</p>
\t\t</div>
\t\t<div id=\"box\" style=\"height:4rem;display: none;\"></div>
\t\t<!--活动详情-->
\t\t<div id=\"xiangqing\" style=\"display: none;\">
\t\t\t<div id=\"Details\" class=\"umar-a detail\">
\t\t\t\t<!--<p>派乐熊儿童游泳体验馆致力于让孩子们，每天健康运动一小时，每周三次课，可多选参与，在学龄前，为孩子打下坚实的身体基础。全程专业教练指导陪护，为孩子提供安全的锻炼环境，男教练特有的教学方式，更加促进孩子的团结、坚韧品质。</p>-->
    \t\t\t<!--<p>所有套系在拍摄条件允许下，均可拍摄指定外景1套（含在总套数内）。-->
<!--底片除赠送精修张数以外另需购买，儿童照／新生儿照：50元精修，60元入册；亲子照／孕妇照：70元精修，80元入册。<p />-->
\t\t\t\t<!--<p>所有套系可拍全家福及合照，共可免费入册5-10张（含在总精修张数内），大人服装造型自备，限5人入境。所有产品中的照片均选自精修。<p />-->
\t\t\t\t<!--<p>至少提前一周以上预约，约满顺延，不接受未经预约直接到店拍照。<p />-->
\t\t\t\t<!--<p>新生儿宝宝7-15天拍摄为佳，限拍30天内宝宝。<p />-->
\t\t\t\t<!--<p>孕妇照怀孕7-8个月拍摄为佳。<p />-->
\t\t\t\t<!--<p>拍摄不满意可当场提出免费重拍。<p />-->
\t\t\t\t<!--<p>自购买之日起7天内未拍摄可无理由退款。<p />-->
\t\t\t\t<!--<p>拍摄过程默认同步录制花絮，顾客可选择性购买花絮及剪辑成品。<p />-->
\t\t\t\t<!--<p>六环内产品免费物流。（通州店除外）<p />-->
\t\t\t\t<!--<p>取件需知：自选片后30甜取件，如需配送另加3天左右，节假日顺延；VIP需要定稿的，自定稿后30甜取件，如需配送另加3天左右，节假日顺延；取件后有问题的需在24小时内提出，超过24小时视为无问题，资料将被系统自动清除，无法提供查询服务。<p />-->
\t\t\t\t<!--<p>特别提示：顾客在接受整个服务过程中，出现任何问题均可拨打客服电话123456789进行投诉。</p>-->
\t\t\t\t<!--<p style=\"height: 5rem;\"></p>-->

\t\t\t</div>
\t\t\t
\t\t</div>
\t
\t\t<!--购买须知-->
\t\t<div id=\"xuzhi\" style=\"display: none;\">
\t\t\t<p>有效期</p>
\t\t\t<p class=\"yxq\"></p>
\t\t\t<p>使用时间</p>
\t\t\t<p class=\"sysj\"></p>
\t\t\t<p>预约信息</p>
\t\t\t<p class=\"yyxx\"></p>
\t\t\t<p>适用人数</p>
\t\t\t<p class=\"syrs\"></p>
\t\t\t<p>温馨提示</p>
\t\t\t<p class=\"wxts\"></p>
\t\t\t<div style=\"height:17rem;\"></div>
\t\t</div>
\t\t<!--商户介绍-->
\t\t<div id=\"shanghu\" style=\"display: none;\">
\t\t\t<div class=\"ub ub-fh\">
\t\t\t\t<img class=\"logo store_img\" src=\"\" />
\t\t\t\t<div class=\"ub-f1 ub ub-ver tiyan\">
\t\t\t\t\t<p class=\"store_name\"></p>
\t\t\t\t\t<!--<p>以游泳比赛、游泳水中运动、游泳培训的方式来提高社会各界人士对体育的热爱。</p>-->
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<div class=\"directions store_info\">
\t\t\t\t
\t\t\t</div>
\t\t\t<div style=\"height: 15rem;\"></div>
\t\t</div>
\t</div>
\t{% if show == true %}
\t<footer id=\"pay\">
\t\t<p>立即申请</p>
\t</footer>
\t{% endif %}
</body>
<script type=\"text/javascript\" src=\"/static/common/js/jquery-1.11.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/swiper-3.4.2.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe-ui-default.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/product/js/photoswipe.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/jockey.min.js\"></script>
<script type=\"text/javascript\" src=\"/static/common/js/public.js\"></script>
<script>
\tvar gid = {{gid}};
\tvar lat = {{lat}};
\tvar lon = {{lon}};
\t(function () {
\t\t// 接口
\t\tvar Api = {
\t\t\tbase: 'https://clubbear.clubbear.cn',
\t\t\triji: '/diary/GetLeftComment',
\t\t\trijiList: '/diary/GetRecomDiary',
\t\t\tdetail:'/goods/GetGoodsComment?gid='+gid+'&page=3&num=2'
\t\t}

\t\t//轮播图
\t\t\$(document).ready(function () {
\t\t\t\$(\"#xiangqing\").show();
\t\t});
\t\t//从后台读取数据
\t\t\$.ajax({
\t\t\ttype: \"post\",
\t\t\turl: \"https://clubbear.clubbear.cn/experience/GetExpGoodsDetail?eid=\"+gid+\"&longitude\" + lon + \"&latitude\" + lat,
\t\t\tdataType: \"json\",
\t\t\tsuccess: function (data) {
\t\t\t\tconsole.log(data)
\t\t\t\tvar imgurl = data.data.img[0].imgurl;
\t\t\t\tvar goods_name = data.data.goods_name;
\t\t\t\tvar have_apply = data.data.have_apply;
\t\t\t\tvar havenum = data.data.havenum;
\t\t\t\tvar goods_desc = data.data.goods_desc;
\t\t\t\tvar goods_price = data.data.goods_price;
\t\t\t\tvar sale_price = data.data.sale_price;
\t\t\t\tvar store_address = data.data.store_address;
\t\t\t\tvar store_name = data.data.store_name;
\t\t\t\tvar store_img = data.data.store_img;
\t\t\t\tvar store_info = data.data.store_info;
\t\t\t\tvar store_tel = data.data.store_tel;
\t\t\t\tvar distance = data.data.distance;
\t\t\t\tvar introduce = data.data.introduce;
\t\t\t\tvar detail = data.data.detail;
\t\t\t\tvar yxq = data.data.xuzhi.yxq;
\t\t\t\tvar sysj = data.data.xuzhi.sysj;
\t\t\t\tvar yyxx = data.data.xuzhi.yyxx;
\t\t\t\tvar syrs = data.data.xuzhi.syrs;
\t\t\t\tvar wxts = data.data.xuzhi.wxts;
\t\t\t\tvar end_time = data.data.end_time;
\t\t\t\t//如果不返回有效期，则有效期就不显示
\t\t\t\tif(yxq==null || yxq=='' || yxq== undefined){
\t\t\t\t\t\$(\"#xuzhi p\").eq(0).hide();
\t\t\t\t\t\$(\"#xuzhi p\").eq(1).hide();
\t\t\t\t}
\t\t\t\tfor (var i = 0; i < data.data.img.length; i++) {
\t\t\t\t\tvar html1 = '<div class=\"swiper-slide\"><img class=\"banner\" src=\"'
\t\t\t\t\tvar html2 = data.data.img[i]
\t\t\t\t\tvar html3 = '\" /></div>'
\t\t\t\t\tvar html4 = html1 + html2 + html3
\t\t\t\t\t\$(\".swiper-wrapper\").append(html4)
\t\t\t\t}
\t\t\t\t

\t\t\t\tvar mySwiper = new Swiper('.swiper-container', {
\t\t\t\t\tdirection: 'horizontal',
\t\t\t\t\tautoplay: 3000,
\t\t\t\t\tpagination: '.swiper-pagination',
\t\t\t\t\tloop: true,
\t\t\t\t});
\t\t\t\t\$(\".goods_name\").text(goods_name);
\t\t\t\t\$(\".have_apply\").text(have_apply);
\t\t\t\t\$(\".havenum\").text(havenum);
\t\t\t\t\$(\".goods_desc\").text(goods_desc);
\t\t\t\t\$(\".goods_price\").text(goods_price);
\t\t\t\t\$(\".sale_price\").text(sale_price);
\t\t\t\t\$(\".store_address\").text(store_address);
\t\t\t\t\$(\".store_name\").text(store_name);
\t\t\t\t\$(\".store_img\").attr(\"src\",store_img);
\t\t\t\t\$(\".store_info\").html(store_info);
\t\t\t\t\$(\".store_tel\").text(store_tel);
\t\t\t\t\$(\".distance\").text(distance);
\t\t\t\t\$(\".introduce\").text(introduce);
\t\t\t\t\$(\".detail\").html(detail);
\t\t\t\t\$(\".yxq\").text(yxq);
\t\t\t\t\$(\".sysj\").text(sysj);
\t\t\t\t\$(\".yyxx\").text(yyxx);
\t\t\t\t\$(\".syrs\").text(syrs);
\t\t\t\t\$(\".wxts\").text(wxts);
\t\t\t\t//\$(\"#description\").text(goods_desc);
\t\t\t\t//体验详情倒计时代码
\t\t\t\tvar serverTime = end_time; //服务器时间，毫秒数 
\t\t\t\t\$(function(){ 
\t\t\t\t  //var dateTime = new Date(); 
\t\t\t\t  //var difference = serverTime - dateTime.getTime(); //客户端与服务器时间偏移量 
\t\t\t\t  //console.log(difference)
\t\t\t\t  setInterval(function(){ 
\t\t\t\t\tvar obj = \$(this); 
\t\t\t\t\t//var endTime = new Date(\"2017/10/1\");
\t\t\t\t\t//console.log(endTime)
\t\t\t\t\tvar nowTime = new Date();
\t\t\t\t\tvar nMS=parseInt(serverTime - (nowTime.getTime()/1000)); 
\t\t\t\t\t//console.log(nMS)
\t\t\t\t\tvar myD=Math.floor(nMS/(60 * 60 * 24)); //天 
\t\t\t\t\tvar myH=Math.floor(nMS/(60*60)) % 24; //小时 
\t\t\t\t\tvar myM=Math.floor(nMS/60) % 60; //分钟 
\t\t\t\t\tvar myS=Math.floor(nMS) % 60; //秒 
\t\t\t\t\tvar myMS=Math.floor(nMS/100) % 10; //拆分秒 
\t\t\t\t\tif(myD>= 0){ 
\t\t\t\t\t  \$(\"#day\").text(myD)
\t\t\t\t\t  \$(\"#hour\").text(myH)
\t\t\t\t\t  \$(\"#minute\").text(myM)
\t\t\t\t\t  \$(\"#second\").text(myS)
\t\t\t\t\t}else{ 
\t\t\t\t\t  \$(\"#day\").text(0)
\t\t\t\t\t  \$(\"#hour\").text(0)
\t\t\t\t\t  \$(\"#minute\").text(0)
\t\t\t\t\t  \$(\"#second\").text(0)
\t\t\t\t\t} 
\t\t\t\t  }, 1000); //每个1秒执行一次 
\t\t\t\t});
\t\t\t\t
\t\t\t\tvar oDiv = document.getElementById('tab');
\t\t\t\tvar divT = oDiv.offsetTop;
\t\t\t\twindow.onscroll = function () {
\t\t\t\t\tvar scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
\t\t\t\t\tconsole.log(divT)
\t\t\t\t\tconsole.log(scrollT)
\t\t\t\t\tif (scrollT >= divT) {
\t\t\t\t\t\t\$(\"#tab\").addClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"0rem\");
\t\t\t\t\t\t\$(\".tab p\").click(function () {
\t\t\t\t\t\t\tvar index = \$(this).index();
\t\t\t\t\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\t\t\t\t\tif (index == 0) {
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 1) {
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else if (index == 2) {
\t\t\t\t\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t\t} else {
\t\t\t\t
\t\t\t\t\t\t\t}
\t\t\t\t\t\t});
\t
\t\t\t\t\t} else {
\t\t\t\t\t\t\$(\"#tab\").removeClass(\"fixed\");
\t\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"1.2rem\")
\t\t\t\t\t\t\$(\"#box\").hide()
\t\t\t\t\t}
\t\t\t\t}
\t\t\t\t
\t\t\t}
\t\t});

\t\t//tab栏切换
\t\t\$(\".tab p\").click(function () {
\t\t\tvar index = \$(this).index();
\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\tif (index == 0) {
\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 1) {
\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t} else if (index == 2) {
\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t} else {

\t\t\t}
\t\t});
\t\t
\t\t
\t\t//吸顶效果
\t\twindow.onload = function () {
\t\t\tvar oDiv = document.getElementById('tab');
\t\t\tvar divT = oDiv.offsetTop+170;
\t\t\twindow.onscroll = function () {
\t\t\t\tvar scrollT = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
\t\t\t\tif (scrollT > divT) {
\t\t\t\t\t\$(\"#tab\").addClass(\"fixed\");
\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"0rem\");
\t\t\t\t\t\$(\".tab p\").click(function () {
\t\t\t\t\t\tvar index = \$(this).index();
\t\t\t\t\t\t\$(this).addClass(\"on\").siblings().removeClass(\"on\");
\t\t\t\t\t\tif (index == 0) {
\t\t\t\t\t\t\t\$(\"#xiangqing\").show();
\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t} else if (index == 1) {
\t\t\t\t\t\t\t\$(\"#xuzhi\").show();
\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\$(\"#shanghu\").hide();
\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t} else if (index == 2) {
\t\t\t\t\t\t\t\$(\"#shanghu\").show();
\t\t\t\t\t\t\t\$(\"#xuzhi\").hide();
\t\t\t\t\t\t\t\$(\"#xiangqing\").hide();
\t\t\t\t\t\t\t\$(\"#box\").show();
\t\t\t\t\t    \tvar box = document.getElementById(\"box\").scrollIntoView(true);
\t\t\t\t\t\t} else {
\t\t\t
\t\t\t\t\t\t}
\t\t\t\t\t});

\t\t\t\t} else {
\t\t\t\t\t\$(\"#tab\").removeClass(\"fixed\");
\t\t\t\t\t\$(\".tab p\").css(\"margin-top\", \"1.2rem\")
\t\t\t\t\t\$(\"#box\").hide()
\t\t\t\t}
\t\t\t}
\t\t}
\t})()
</script>
<script>
\t\$('#pay').on('click',function(){
\t\tif( PUBCOMMON.browserEnv.isInWeixin() ){
\t\t\tif( PUBCOMMON.browserEnv.isInAndroid() ){
\t\t\t
\t\t\t\twindow.location.href = 'http://app.mi.com/details?id=com.clubbear.paile&ref=search';
\t\t\t}else{
\t\t\t\twindow.location.href = 'https://itunes.apple.com/gb/app/pai-le-xiong/id1294951586?mt=8';
\t\t\t}
\t\t}else{
\t\t\tJockey.send(\"pailexiong\", {key: 'apply', data: gid });
\t\t}
\t\t 
\t})
\tfunction tel_store(obj){
        Jockey.send(\"pailexiong\", {key: 'phone', data: \$(obj).text()});
    }     \t
</script>

</html>
", "html/product/ExpressDel.tpl.html", "/home/wwwroot/Paile/app/views/tpl/html/product/ExpressDel.tpl.html");
    }
}
